<template>
	<div class='orderNum'>
		<p class='hedTit'>工单详情（套/件）：</p>
		<u-grid :col="4" :border='false' class="gridBox">
				<u-grid-item>
					<view class="topHed">总数</view>
					<view class="grid-text text1">{{numObj.total}}<span>/{{numObj.totalU}}</span></view>
				</u-grid-item>
				<u-grid-item @click="toProcessing">
					<view class="topHed">加工中</view>
					<view class="grid-text text2">{{numObj.making}}<span>/{{numObj.makingU}}</span></view>
				</u-grid-item>
				<u-grid-item>
					<view class="topHed">质检中</view>
					<view class="grid-text text3">{{numObj.checking}}<span>/{{numObj.checkingU}}</span></view>
				</u-grid-item>
				<u-grid-item>
					<view class="topHed">合格</view>
					<view class="grid-text text4">{{numObj.good}}<span>/{{numObj.goodU}}</span></view>
				</u-grid-item>
				<u-grid-item>
					<view class="topHed">不合格</view>
					<view class="grid-text text5">{{numObj.bad}}<span>/{{numObj.badU}}</span></view>
				</u-grid-item>
				<u-grid-item>
					<view class="topHed">返修中</view>
					<view class="grid-text text6">{{numObj.repairing}}<span>/{{numObj.repairingU}}</span></view>
				</u-grid-item>
				<u-grid-item>
					<view class="topHed">破损</view>
					<view class="grid-text text7">{{numObj.scrap}}<span>/{{numObj.scrapU}}</span></view>
				</u-grid-item>
			</u-grid>
	</div>
</template>

<script>
	export default {
		props: ['numObj'],
			data() {
				return {imgUrl:'http://files.ybangy.net/'};
			},
			 
			methods: {
				toProcessing(){
					console.log('ing加工中')
				}
			},
			onLoad(option) {
				// console.log(option,this.sendData,this.status)
			}
	}

</script>

<style lang="scss" scoped>
.hedTit {
	font-size: 34rpx;
	margin-bottom: 40rpx;
}
.gridBox {
	.topHed {
		margin-bottom: 25rpx;
	}
	.grid-text {
		font-size: 34rpx;
	}
	.text1 {
		color: #1576ff;
	}
	.text2 {
		color: #7bc328;
	}
	.text3 {
		color: #4a4a4a;
	}
	.text4 {
		color: #ff8b03;
	}
	.text5 {
		color: #ff3e3e;
	}
	.text6 {
		color: #f35b5b;
	}
	.text7 {
		color: #e07d7d;
	}
}
</style>
